/* top banner css area */
.topBanner,footer{
	font-size: 12px;
	width: 100%;
	min-width: 980px;
	height: 44px;
	background: #000;
}

footer section, .topBanner section{
	width: 980px;
	height: 100%;
	margin:auto;
}

footer .right, .topBanner nav{
	float: right;
}

.topBanner nav{
	height: 23px;
	line-height: 23px;
	margin-top: 10px;
}

.topBanner nav li.link:active{
	color:#d34829;
}

.topBanner .button {
	border-radius: 4px;
	width: 80px;
	height: 23px;
}

.topBanner .register{
	background: #4e4e4e;
	color: #cacaca;
}

.topBanner .login{
	background:#e4e4e4;
	color: #4e4e4e;
}

.topBanner li > .button.register:active{
	background:#414141;
}

.topBanner li > .button.login:active{
	background:#c9c9c9;
}

.topBanner .login.showDialog{
	position:relative;
	z-index: 2;
	border-bottom: none;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.topBanner .withDialog{
	position:relative;
}

.topBanner .loginDialog{
	width: 250px;
	height: 120px;
	position:absolute;
	top: 22px;
	left: -212px;
	padding: 10px 20px;
	border-top-right-radius: 0px;
	font-size: 14px;
	color:#7f7f7f;
	background-color:#e4e4e4;
	-webkit-box-shadow: 0px 1px 2px #000;
	-moz-box-shadow: 0px 1px 2px #000;
	-o-box-shadow: 0px 1px 2px #000;
	-ms-box-shadow: 0px 1px 2px #000;
	box-shadow: 0px 1px 2px #000;
}

.topBanner .loginDialog, .topBanner .loginDialog input{
	border: 1px solid #cdcdcd;
}

.topBanner .loginDialog .label{
	margin-right: 10px;
}

.topBanner .loginDialog input{
	width: 208px;
	height: 26px;
	line-height: 26px;
}

.topBanner .loginDialog p{
	margin: 7px 0px;
}

.topBanner .loginDialog .buttons{
	text-align: right;
}

.topBanner .loginDialog .buttons .button{
	width: auto;
	margin: 0px 5px;
	padding: 3px 10px;
	display:inline-block;
	color: #fff;
}

.topBanner .loginDialog .buttons .button.register{
	text-shadow: 0px -1px 0px #aaa;
	border: 1px solid #aaaaaa;
	background-color:#cfcfcf;
}

.topBanner .loginDialog .buttons .button.login{
	text-shadow: 0px -1px 0px #303030;
	border: 1px solid #303030;
	background-color:#4e4e4e;
}

.topBanner .loginDialog .buttons .register:active{
	background-color:#b5b5b5;
}

.topBanner .loginDialog .buttons .login:active{
	background-color:#3c3c3c;
}

.topBanner .topArrow, .topBanner .bottomArrow{
	display: inline-block;
	border: 7px solid #e44c26;
	border-color: #e44c26 #e4e4e4;
	margin-left: 4px;
}

.topBanner .topArrow{
	border-top-width: 0px;
}

.topBanner .bottomArrow{
	border-bottom-width: 0px;
}

footer{
	font-size: 12px;
	color: #777;
	padding: 10px 0px;
	border-top: 10px solid #000;
	background-color:#3d3d3d;
}

footer .hori li{
	margin: 9px 0px 0px 0px;
	padding: 0px 10px;
	color: #777;
	border-right: 1px solid #777;
}

footer .hori li:hover{
	color:#AAA;
}

footer .hori li:last-child{
	border-right: none;
}

.container{
	width: 980px;
	margin: 20px auto 0px auto;
}
.container nav{
	margin-top: 40px;
	height: 30px;
	border-bottom: 1px solid #ccc;
}

.container nav li{
	font-size: 16px;
	line-height: 18px;
	height: 18px;
	margin: 0px 10px;
	padding: 2px 24px 10px 24px;
}

.container nav li.target,.container nav li.target:hover{
	padding-bottom: 6px;
	border-bottom: 4px solid #333;
}

.container nav li:hover{
	border-bottom: 1px solid #333333;
}

.container nav .slash{
	padding: 0px;
	height: 20px;
	border-right: 1px solid #ccc;
	margin: 0px;
	
	-webkit-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	transform: rotate(20deg);
}

.container nav .search{
	width: 250px;
	height: 30px;
	float: right;
	
	border: 1px solid #ccc;
	border-bottom: none;
}

.container nav .search > article{
	float: left;
}

.container nav .icon{
	width: 14px;
	padding: 5px 0px 0px 5px;
}

.icon .circle{
	width: 6px;
	height: 6px;
	border-radius: 6px;
	border: 3px solid #929292;
}

.icon .line{
	height: 7px;
	margin: -3px 0px 0px 8px;
	border-left: 3px solid #929292;
	-webkit-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	transform: rotate(-30deg);
}

.container .search input{
	width: 150px;
	height: 27px;
	margin: 0px 10px 0px 5px;
	line-height: 27px;
	border: none;
	font-size: 16px;
}

.container .search .buttons{
	width: 65px;
	height: 29px;
	background: #EEEEEE;
	border-left: 1px dashed #ccc;
	color:#555;
}

.container .buttons .button{
	width: 100%;
	height: 100%;
}

.container .search .buttons p{
	float: left;
	line-height: 27px;
	margin-left: 13px;
}

.container .search .buttons .rightArrow{
	font-size: 10px;
	line-height: 20px;
	margin: 4px 0px 0px 3px;
}